<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <title>note</title>

    <link rel="stylesheet" type="text/css" href="/static/libs/jquery-ui/jquery-ui.theme.min.css" />
    <link rel="stylesheet" type="text/css" href="/static/libs/jquery-ui/jquery-ui.structure.min.css" />
    <link rel="stylesheet" type="text/css" href="/static/libs/jquery-layout/layout-default.min.css" />

    <link rel="stylesheet" type="text/css" href="/static/css/layout.css" />
</head>
<body>
    <div id="outer-north">
        outer-north
    </div>
    <div id="outer-center">
        <div id="inner-west">
            <div class="header ui-widget-header">导航</div>
            <div class="content">content</div>
        </div>
        <div id="inner-center">
            inner-center
        </div>
    </div>
    <script type="text/javascript" src="/static/libs/jquery/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="/static/libs/jquery-ui/jquery-ui.min.js"></script>
    <script type="text/javascript" src="/static/libs/jquery-ui/jquery.ui-contextmenu.min.js"></script>
    <script type="text/javascript" src="/static/libs/jquery-layout/jquery.layout_and_plugins.min.js"></script>
    <script type="text/javascript" src="/static/libs/jquery-layout/jquery.layout.resizeTabLayout.js"></script>

    <script type="text/javascript" src="/static/js/layout.js"></script>
</body>
</html>